<template>
  <div class="base-box">
    <my-outline></my-outline>
    <section class="right-box">
      <router-view v-slot="{ Component }">
        <keep-alive>
          <component :is="Component" />
        </keep-alive>
      </router-view>
    </section>
  </div>
</template>

<script>
import MyOutline from "./my-outline.vue";

export default {
  components: { MyOutline },
};
</script>

<style scoped>
.base-box {
  display: flex;
  width: 1200px;
  margin: auto;
}

.right-box {
    flex-grow: 1;
    border: 1px solid #ccc;
    margin-left: 15px;
    height: 100vh;
}
</style>